<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选项卡</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="xuan">
    <div class="xuan-1" id="xuan-1">
        <ul class="clear">
            <li class="active"><a>公告</a></li>
            <li><a>规则</a></li>
            <li><a>论坛</a></li>
            <li><a>安全</a></li>
            <li><a>公益</a></li>
        </ul>
    </div>
    <div class="xuan-2">
        <div class="xuan2-1 wh">
            <p class="iner clear">
                <a href="" class="a1">天猫618国货全面爆发 &nbsp;亿元俱乐部国货占比超6成</a>
            </p>
            <p class="clear">
                <a href="" class="a1">天猫 618 吃货大爆发</a>
                <a href="" class="a2">双11量级的天猫618</a>
            </p>
        </div>
        <div class="xuan2-2">
            <p class="clear">
                <a href="" class="a1">新增《淘宝网汽配行业</a>
                <a href="" class="a2">《淘宝网区域零售服务</a>
            </p>
            <p class="clear">
                <a href="" class="a1">《淘宝网票务行业管理</a>
                <a href="" class="a2">《淘宝网数字娱乐市场</a>
            </p>
        </div>
        <div class="xuan2-3">
            <p class="clear">
                <a href="" class="a1">淘宝1212活动招商</a>
                <a href="" class="a2">中差评功能升级</a>
            </p>
            <p class="clear">
                <a href="" class="a1">陌生人拼团上线</a>
                <a href="" class="a2">运营神器年中大促</a>
            </p>
        </div>
        <div class="xuan2-4">
            <p class="clear">
                <a href="" class="a1">魔豆妈妈公益项目</a>
                <a href="" class="a2">让母爱永不打烊！</a>
            </p>
            <p class="clear">
                <a href="" class="a1">卖家注意：风险通报!</a>
                <a href="" class="a2">售假获刑又起诉!</a>
            </p>
        </div>
        <div class="xuan2-5">
            <p class="clear">
                <a href="" class="a1">淘宝公益平台正式更名</a>
                <a href="" class="a2">益起来商家招募即将截止</a>
            </p>
            <p class="clear">
                <a href="" class="a1">卖家如何设置公益宝贝</a>
                <a href="" class="a2">公益机构开店全攻略</a>
            </p>
        </div>
    </div>
</div>
</body>
<script src="js/script.js"></script>
</html>